<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>动物百科</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<style type="text/css">
			p{
				line-height: 200%;
				font-size: 20px;
			}
			
			.list-img img{
						   transition: all 0.6s; 
			 }
			.list-img img:hover{
			        		transform: scale(1.3);    
									
			        	}
		</style>
		
	</head>
	<body>
		<div class="header">
			<div class="header-f">
				<div class="logo">
					<h3>动物百科</h3>
				</div>
				<div class="nav">
					<ul>
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="list.html">奇特物种大赏</a>
						</li>
						<li>
							<a href="ms.html">动物分类</a>
						</li>
						<li>
							<a href="bl.html">濒临灭绝</a>
						</li>
						<li>
							<a href="zx.html">百科资讯</a>
						</li>
						<li>
							<a href="register.html">注册</a>
						</li>
						<li>
							<a href="login.html">登录</a>
						</li>
						<li>
							<a href="QQ.html">关于我们</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		<div class="swiper">
			<!-- 轮播图 -->
			<div id="wrap" class="wrap">
				<ul id="pic">
					<li><img src="img/bn1l.jpg" alt="" /></li>
					<li><img src="img/bn2.jpg" alt="" /></li>
					<li><img src="img/bn3.jpg" alt="" /></li>
				</ul>
				<ol id="list">
					<li class="on">1</li>
					<li>2</li>
					<li>3</li>
				</ol>
			</div>
		</div>
		
		<div class="title-three">
			<h3>动物百科</h3>
		</div>
		
		
		<div class="news">
			<ul>
				<li>
					<a href="">
						<p>动物知识：鸟儿冬季防寒生存秘籍</p>
						<span>02-23</span>
					</a>
				</li>
				<li>
					<a href="">
						<p>动物知识：留鸟、旅鸟和候鸟的区别</p>
						<span>03-14</span>
					</a>
				</li>
				<li>
					<a href="">
						<p>动物知识：小&#19737;&#19736;为何俗称“王八鸭子”</p>
						<span>06-15</span>
					</a>
				</li>
				<li>
					<a href="">
						<p>动物知识：猫头鹰是保护动物吗？</p>
						<span>11-25</span>
					</a>
				</li>
				<li>
					<a href="">
						<p>动物知识;企鹅有羽毛吗？</p>
						<span>11-03</span>
					</a>
				</li>
				<li>
					<a href="">
						<p>鸡蛋壳的颜色跟营养有什么关系吗？</p>
						<span>09-18</span>
					</a>
				</li>
				<li>
					<a href="">
						<p>养一只猫咪能带来多少不一样的体验？快学习一下如何养猫吧</p>
						<span>08-15</span>
					</a>
				</li>
				
			</ul>
			<div class="news-page">
				<p>共1页，10条</p>
			</div>
		</div>
		
		
		<div class="footer">
			<p>林湾村五支花出版</p>
		</div>
		<script src="js/banner.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
